import React from 'react'
import style from "./index.module.scss"
export type CardDatas = {
    title: string
    textLists: string[]
}
type Props = {
    cardDatas: CardDatas
    className?: string
}
const UpdateCityCard: React.FC<Props> = (props) => {
    const { cardDatas: { title, textLists }, className } = props
    return (
        <div className={`update-city-card ${style["update-city-card"]} flex flex-col bg-white rounded-[15px] h-75${className ? " " + className : ""}`}>
            <div className="title font-bold text-[#030d6a] text-[24px] tracking-wider flex justify-center items-center h-[20%] border-b-1 border-b-[#dbdfe2]">{title}</div>
            <div className='content flex flex-col items-center pt-[20px] flex-1'>{
                textLists.map((text, index) => (
                    <div key={index} className={`text-[#5d5d5f] text-[20px]${index === textLists.length - 1 ? "" : " mb-[8px]"}`}>{text}</div>
                ))
            }</div>
        </div>
    )
}

export default UpdateCityCard